@charset "utf-8";
/*-----------------------------------自定义组件----------------------------------*/


/*地铁首页智库背景图*/
.app_background{height:100%; background: url("../images/appBackground_bg.jpg"); background-position: center top;}
.app_background_two{height:100%; background-image: url("../images/appBackground_bg_two.jpg"); background-position: center top;}


/*公用的头部标签头*/
.header-top{width:100%; height:2.6rem; padding:0 0.65rem; background:transparent;}
.header-title{height:2.6rem; line-height:2.6rem; font-size:0.85rem; color:#ffffff;}
.add-project{line-height: 2.6rem; color:#ffffff;}

/* 搜索 */
.index-search{width:100%;height:2rem;border:1px solid #dddddd;background:#fff;text-align:center;position:relative;}
.index-search .icon-sousuo{margin-top:0.45rem;display:inline-block;color:#bbb; position:absolute;right:10px;}
.index-search .search-input{width:100%;height:1.9rem;line-height:1.9rem;border:none;padding-right:40px;}
.index-search-type{}
.index-search-type a{height:2rem;border:1px solid #ddd;border-radius:0.3rem;display:inline-block;background:#fff;padding:0 1rem;line-height:2rem;margin:0.65rem 0.45rem 0 0;float:left;}

/*公用底部导航*/
.footer-nav{position:fixed; z-index:4; left:0; bottom:0; width:100%; height:2.6rem; background:#fff;}
.footer-nav ul li{float:left; position:relative; width:25%; height:2.6rem; color:#c5c5c5; text-align: center; padding-top:1.6rem;}
.footer-nav ul li a{color:#333333; font-size:0.65rem;}
.footer-nav ul li a .icon{width:1.2rem;  height:1.2rem; fill:currentColor;  overflow: hidden; color:#333; position: absolute; top:0.3rem; left:50%; margin-left:-0.6rem;}
.footer-nav ul li.cur a{color:#cd1c3f;}


/*通用coui弹窗box盒子样式*/
.coui-pop-bg{width:100%; height:100%; background-color:rgba(0,0,0,0.6);}
.coui-pop-bg .coui-pop-main{width:94%; height:auto; position:absolute; left:3%; bottom:3rem; background:#ffffff; border-radius:0.75rem; }
.coui-pop-bg .small-chunk{width:4rem; height:4rem; position:absolute; bottom:1rem; left:50%; margin-left:-2rem; z-index: 1;  border-bottom-left-radius:4rem; border-bottom-right-radius:4rem; background-color: #ffffff;}
.coui-pop-bg .co-button-sure{position:absolute; bottom:1.5rem; left:50%; margin-left:-1.5rem; z-index: 2; }
.coui-pop-bg .title-main{background-color:#eeeeee; height:2.4rem; line-height:2.4rem; font-size:0.85rem;border-top-left-radius:0.75rem; border-top-right-radius:0.75rem;}



.coui-pop-bg-two{display: none; width:100%; height:100%; background-color:rgba(0,0,0,0.6); position:fixed; top:auto; right:auto; bottom:0; left:0; z-index:5; }
.coui-pop-bg-two .coui-pop-main{width:94%; height:auto; position:absolute; left:3%; bottom:3rem; background:#ffffff; border-radius:0.75rem; }
.coui-pop-bg-two .small-chunk{width:4rem; height:4rem; position:absolute; bottom:1rem; left:50%; margin-left:-2rem; z-index: 1;  border-bottom-left-radius:4rem; border-bottom-right-radius:4rem; background-color: #ffffff;}
.coui-pop-bg-two .co-button-sure{position:absolute; bottom:1.5rem; left:50%; margin-left:-1.5rem; z-index: 2; }
.coui-pop-bg-two .title-main{background-color:#eeeeee; height:2.4rem; line-height:2.4rem; font-size:0.85rem;border-top-left-radius:0.75rem; border-top-right-radius:0.75rem;}



/*select模拟写法*/
.select-box{height:2rem; line-height:2rem; padding:0 0.8rem 0 0.5rem; border:1px solid #dddddd; border-radius:0.2rem; position: relative;}
.select-box:after{ content:""; position:absolute; top:0.6rem; right:0.4rem; width:0.3rem; height:0.3rem; border-right: 0.1rem solid #bbbbbb;  border-top: 0.1rem solid #bbbbbb; transform: rotate(135deg);-webkit-transform: rotate(135deg);border-left: 0.1rem solid transparent; border-bottom: 0.1rem solid transparent;}


/*竖向cur多选选择*/
.choose-target-down li{height:1.4rem; line-height:1.4rem; padding:0.4rem 0; box-sizing: initial;}
.choose-target-down li + li{border-top:1px solid #f1f1f1;}
.choose-target-down li .left-icon{color:#cccccc; padding-right:0.5rem; }



/*横向select选择框*/
.crosswise-select-choose{}
.crosswise-select-choose li{float:left; width:25%; padding:0 0.2rem;}
.crosswise-select-choose li span{display: block; text-align: center; font-weight: bold; font-size:0.7rem; }
.crosswise-select-choose li span.attrName{
  height: 0.85rem;white-space:nowrap;overflow-x:auto;
}
.crosswise-select-choose li .select-box{display: block; margin-top:0.3rem; }


/*竖向select选择框*/
.vertical-select-choose{}
.vertical-select-choose li{overflow:hidden;}
.vertical-select-choose li + li{margin-top:0.5rem;}
.vertical-select-choose li span{height:2rem; line-height:2rem; }
.vertical-select-choose li .icon-bianji{font-size:1.2rem; margin-top:0.4rem;}
.vertical-select-choose li .icon-gou{margin-top:0.4rem;}


/*竖向列表-带删除功能*/
.vertical-list{}
.vertical-list li{overflow:hidden;border:1px solid #cccccc; background-color:#ffffff; padding:0 2.2rem 0 0.5rem; position: relative;}
.vertical-list li + li{margin-top:0.5rem;}
.vertical-list li p{line-height:1.4rem; padding:0.3rem 0;}
.vertical-list li .icon-guanbi-shanchu{position: absolute; right:0.5rem; top:0.4rem; }


/*刻度尺组件css*/
.wrap{width:100%;background-color:#fff;}
.wrap .timeValue{display:inline-block; font-size:0.65rem; color:#ffffff; background-color:#e84f63; margin-bottom:0.25rem; padding:0.25rem 0.4rem; border-radius:0.2rem;}
.wrap .timer-wrap{width:100%;height:2.5rem;background:#eee;overflow:hidden;position:relative;}
.wrap .timer{width:63rem;height:2.5rem;line-height:2.5rem;overflow:hidden;zoom:1;}
.wrap .timer li{float:left;width:7.15%;height:2.5rem;background:url("../plugins/scale/images/scale.png") no-repeat center top;background-size:4.15rem;text-align:right;padding-top:0.5rem;color:#888; box-sizing: inherit;}
.wrap .arrow{width:0;height:0;border:8px solid transparent;border-top:8px solid #3694f3;position:absolute;left:44.9%;top:74px;z-index:999;}
.wrap .mark{background:url("../plugins/scale/images/marking.png") no-repeat center;background-size:100%;width:0.15rem;height:1.3rem;position:absolute;top:0;left:49.5%;}


/*swiper组件单独-专业选择*/
.swiper-container-major{width: 100%;height: 100%;}
.swiper-slide{background:#ffffff; width:7rem; height:6rem; border-radius: 0.75rem; overflow:hidden;}



/*常用按钮*/
/*小按钮-如确定打钩*/
.small-custom-icon{display:inline-block; width:1.2rem; height:1.2rem; line-height: 1.2rem; font-size:0.8rem; text-align:center; color:#ffffff;  border-radius:3rem; background:#e84f63;}
.choose-boolean.icon-gou{background:#cccccc !important;}
.icon-gou.cur{background:#e84f63 !important;}
/*大按钮-如确定打钩，常用*/
.common-custom-icon{display:inline-block; width:3rem; height:3rem; line-height:3rem; border-radius:1.5rem; color:#ffffff; background: -webkit-linear-gradient(right bottom,#ce1254,#ec5666); background: linear-gradient(right bottom,#ce1254,#ec5666);}
/*去除掉coui按钮样式*/
.remove-coui-button{height:auto !important; border:none !important; box-shadow:none !important; background-color:transparent !important; }
/*表格*/
.custom-table.left th,.custom-table.left td{text-align: left;}
.custom-table th,.custom-table td{padding: 0.5rem 0;}
.custom-table.border-b-dashed th,.custom-table.border-b-dashed td{border-bottom: 1px dashed #ebb0bb;}

.turn-right-arrow:after{content:""; display: block; width:0.3rem; height:0.3rem; border-right: 0.1rem solid #bbbbbb;  border-top: 0.1rem solid #bbbbbb; transform: rotate(45deg);-webkit-transform: rotate(45deg);border-left: 0.1rem solid transparent; border-bottom: 0.1rem solid transparent;}
/**白色背景盒子*/
.white-bg-box{margin: 0.5rem;border-radius: 0.5rem;background: #fff;}
/*修改mui按钮*/
.con-mui-btn{padding: 0.1rem 0.3rem;}
/*无数据时展示的内容*/
.none-data{text-align: center;}
.none-data.color-White{color: #fff;}
.none-data.color-gray{color: #999;}





























